<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>00-pagina-presentazione</title>
    <meta name="description" content="00-pagina-presentazione" />
    <link rel="stylesheet" href="css/app.css" />
    <script src="bower_components/modernizr/modernizr.js"></script>
  </head>
  <body>

    <nav></nav>

    <div class="wrapper">
      <header class="row">
        <div class="large-12 columns title">
          <h1 class="logo">Arval <span class="light">ritira il tuo usato</span></h1>
        </div>
      </header>

      <div class="row">
        <div class="arrow-down">
        </div>
      </div>

       <div class="row">
        <div class="large-12 columns welcome">
          <h2 class="welcome-title">Noleggio auto a lungo termine Arval: semplice, sin da subito!</h2>
          <p class="welcome-text">Benvenuto sulla piattaforma Arval per la valutazione del tuo usato, lo strumento che ti permette di far valutare la tua auto usata (o le tue auto) <span class="green">in sole 48 ore</span>, comodamente da casa.</p>
        </div>
      </div>

      <div class="row">
        <div class="arrow-down">
        </div>
      </div>

      <div class="row">
        <div class="large-12 columns">
          <h3 class="arrow-title">Come funziona? È facile: basta seguire questi semplici passi.</h3>
        </div>
      </div>

      <div class="row">
        <div class="large-12 columns come-funziona">
          <ul>
            <li>
              <img src="images/00-come-funziona-1.gif" width="93" height="45" alt="Inserisci i tuoi dati" />
              <h5>Inserisci i tuoi<br/>dati</h5>
            </li>
            <li>
              <img src="images/00-come-funziona-2.gif" width="125" height="45" alt="Inserisci i dati di uno o più veicolo" />
              <h5>Inserisci i dati di<br/>uno o più veicolo</h5>
            </li>
            <li>
              <img src="images/00-come-funziona-3.gif" width="111" height="45" alt="Invia la tua richiesta" />
              <h5>Invia la tua<br/>richiesta</h5>
            </li>
            <li class="green-box">
              <img src="images/00-come-funziona-4.gif" width="64" height="45" alt="Ricevi la valutazione entro 48h!" />
              <h5>Ricevi la<br/>valutazione<br/>entro 48h!</h5>
            </li>
          </ul>
        </div>
      </div>

      <div class="row">
        <div class="large-12 columns">
          <h3 class="arrow-title">Documenti/informazioni necessari per procedere</h3>
          <div class="arrow-title-text">Per completare la procedura ancora più rapidamente, ecco i documenti e le informazioni da tenere a portata di mano</div>
        </div>
      </div>

       <div class="row">
        <div class="large-12 columns documenti-informazioni">
          
          <div class="documenti-lista">
            <ul>
              <li><span class="flag"></span><span class="title">Libretto di circolazione</span>Scansione o fotografia leggibile fronte/retro.</li>
              <li><span class="flag"></span><span class="title">Foto del veicolo</span>Fonte, retro, fianco sx, fiancodx, interno ed eventuali danni.</li>
              <li><span class="flag"></span><span class="title">Dati del veicolo</span>Modello, versione, km e dati di immatricolazione.</li>
              <li><span class="flag"></span><span class="title">Dati anagrafici e societari</span>Dati del referente e intestazione completa della società</li>
            </ul>
          </div>
          
          <div class="guida-download">
            <img src="images/00-pdf-icon.png" width="47" height="56" alt="Scaricala ora la documentazione" />
            <h5 class="title">Guida alla documentazione</h5>
            <p class="text">Una pratica guida in formato PDF che fornisce utili indicazioni su come e dove recuperare i dati necessari per compilare la tua richiesta.Scaricala, stampala e tienila a portata di mano.</p>

            <a class="button download" href="#" title="Scaricala ora la documentazione">Scaricala ora<span class="icon"></span></a>
          </div>
        </div>
      </div>

      <div class="row">
        <div class="arrow-down"></div>
      </div>
       <div class="row">
        <div class="large-12 columns inserisci-richiesta">
           <a class="button radius inserisci" href="#" title="Inserisci ora la tua richiesta">Inserisci ora la tua richiesta<span class="icon"></span></a>
        </div>
      </div>

    </div>
    <div class="copy">&copy; Arval 2014</div>
    <footer><a href="#" title="ARVAL Bnp Paribas Group"></a></footer>
    
    
    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/foundation/js/foundation.min.js"></script>
    <script src="js/app.js"></script>
  </body>
</html>
